<template>
  <f7-page>
    <f7-navbar title="动画学院出差申请表" back-link=""></f7-navbar>
    <f7-list inline-labels no-hairlines-md>
      <f7-list-item>
        <f7-label>名称</f7-label>
        <f7-input type="text" :value="formContent.title" :disabled="true"></f7-input>
      </f7-list-item>
      <f7-list-item>
        <f7-label>项目名称</f7-label>
        <f7-input type="text" :value="formContent.projectName" :disabled="true"></f7-input>
      </f7-list-item>

      <f7-list-item  >
        <f7-label>申请部门</f7-label>
        <f7-input type="text" :disabled="true" :value="formContent.orgName">
        </f7-input>
      </f7-list-item>

      <f7-list-item>
        <f7-label>出差原因</f7-label>
        <f7-input type="textarea" :value="formContent.reason" :disabled="true"></f7-input>
      </f7-list-item>
      <f7-list-item>
        <f7-label>出差开始时间</f7-label>
        <f7-input type="text"     :value="formContent.beginDate" :disabled="true"></f7-input>
      </f7-list-item>
      <f7-list-item>
        <f7-label>出差结束时间</f7-label>
        <f7-input type="text"  :value="formContent.endDate" :disabled="true"></f7-input>
      </f7-list-item>
      <f7-list-item>
        <f7-label>部门负责人</f7-label>
        <f7-input type="text" :value="formContent.depUser" :disabled="true"></f7-input>
      </f7-list-item>

      <f7-list-item >
        <f7-label>董事长</f7-label>
        <f7-input type="text"   :value="formContent.chairmanUser"   :disabled="true"></f7-input>
      </f7-list-item>
      <f7-list-item >
        <f7-label>会计</f7-label>
        <f7-input type="text"   :value="formContent.accountantUser"   :disabled="true"></f7-input>
      </f7-list-item>
      <f7-list-item >
        <f7-label>出纳</f7-label>
        <f7-input type="text"   :value="formContent.cashierUser"   :disabled="true"></f7-input>
      </f7-list-item>
    </f7-list>
    <f7-block-title></f7-block-title>

  </f7-page>
</template>

<script>
    export default {
      name: "evectionApplyView",
      data () {
        return {
          formContent: {}
        }
      },
      created () {
        this.$f7ready((f7) => {
          let id = this.$f7route.params.id;
          let that = this;
          f7.request.setup({
            headers: {
              'AccessToken': sessionStorage.getItem('accessToken'),
              'JSESSIONID': sessionStorage.getItem('userToken')
            }
          });
          if (id !== undefined) {
            f7.request.json(that.GLOBAL.RequestAddress + '/camel/rest/evectionapplys/' + id, {}, function (result) {
              if (result.success === undefined) {
                that.formContent = result;
              }
            });
          }
        });
      }

    }
</script>

<style scoped>

</style>
